import React from 'react'

export const CrossIcon = () => (
  <svg
    width="18"
    height="18"
    viewBox="0 0 18 18"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M12.8371 2.33636L12.8371 2.33633L12.8294 2.3319C11.7337 1.70577 10.5093 1.40877 9.25864 1.3352L9.24746 1.33454L9.23626 1.33413C5.00122 1.18013 1.48671 4.56181 1.33391 8.7638L1.33325 8.78196V8.80014V9.00014V9.26681V9.28151L1.33368 9.29621C1.41054 11.9094 2.86684 14.363 5.17357 15.6702L5.17632 15.6717C8.83665 17.7306 13.589 16.5259 15.6715 12.8237C17.7359 9.15362 16.5147 4.48163 12.8371 2.33636Z"
      fill="#F31B31"
      stroke="white"
      strokeWidth="2"
    />
    <path
      d="M7.06665 7.33329C7.26665 6.99995 7.66665 6.93329 7.99998 7.06662L8.06665 7.13329L8.13332 7.19995L8.99998 8.06662L9.86665 7.19995C10.0667 6.93329 10.4667 6.93329 10.7333 7.13329C11.0667 7.33329 11.0667 7.79995 10.8667 8.06662L10.8 8.13329L9.93332 8.99995L10.8 9.86662C11.0667 10.0666 11.0667 10.4666 10.8667 10.7333C10.6667 11.0666 10.2 11.0666 9.93332 10.8666L9.86665 10.8L8.99998 9.93329L8.13332 10.8C7.93332 11.0666 7.53332 11.0666 7.26665 10.8666C6.93332 10.6666 6.93332 10.2 7.13332 9.93329L7.19998 9.86662L8.06665 8.99995L7.19998 8.13329C6.99998 7.93329 6.93332 7.59995 7.06665 7.33329Z"
      fill="white"
      fillOpacity="0.95"
    />
  </svg>
)
